<script lang="ts" setup>
import ExpertList from './ExpertList.vue'
import HealthSx from './HealthSx.vue'
import HealthyXA from './HealthyXA.vue'
import ListNavs from './YListNavs.vue'
import PopularsScience from './PopularsScience.vue'
import publicize from './publicize.vue'
import PublicMan from './PublicMan.vue'
import Topnews from './Topnews.vue'
import HomeBooks from './HomeBooks.vue'
</script>

<template>
  <div>
    <div class="page-bg">
      <div class="inner-top" />
    </div>
    <div class="full-page">
      <HealthSx />
      <!-- <HomeBooks type="全部" :isFF="true" class="m-b-10"/> -->
      <ListNavs type="全部" :isFF="true" class="m-b-10"/>
      <Topnews type="全部" :isFF="true"  class="m-b-10" />
      <HealthyXA type="全部" :isFF="true" class="m-t-10 p-b-10"/>
      <ExpertList />
      <PublicMan  />
       <PopularsScience />
      <publicize />
    </div>
  </div>
</template>

<style>
.page-bg {
  background-image: url('/img/homebg.png');
  background-repeat: no-repeat;
  background-position: inherit;
  height: 540px;
  width: 100%;
  margin-bottom: 10px;
}
.full-page {
  margin-top: -540px;
  width: 100%;
  background:linear-gradient(to bottom, #eaebeb 0%, #fff 100%);
}
.inner-top {
  width: 100%;
  height: 100%;
  /* background: linear-gradient(180deg, #27a280 0, transparent); */
}
</style>
